iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 28
0
自我挑戰組

大器可以晚成—— 30歲才開始的轉職工程師之路系列 第 28

[ Day 28 | JS ] ESLint 讓你的程式碼符合規範

  • 分享至 

  • xImage
  •  

ESLint 可以幫助你的 JS 做分析,找出一些常見的錯誤,讓你的程式碼更佳乾淨。

大致可分為三種主流規範,使用者可選擇適合的方式

  • Google
  • Airbnb
  • JavaScript Standard Style

整來說,standard 較其他兩種隨興,例如最後不須加上分號";",或是會強制你使用 ES 6 語法等。

以下是以 JavaScript Standard Style 作為例子:
ESLint

在這邊總共有三個它會提醒你需要修正的地方

  1. function 的名稱和括弧之間缺少空格
  2. 多出一行沒作用的空行
  3. 結尾在 standard style 裡不需要加入分號

要等到你將這些錯誤清除後才會讓你順利存檔。


安裝 ESLint

你可以在 VS code 的擴充程式中找到 ESLint,接著依照指示安裝使用。
https://ithelp.ithome.com.tw/upload/images/20201011/20129145TcAaZnRRw2.png

接著就是努力消除文件中的紅色毛毛蟲啦 Q Q

小技巧

當滑鼠移到需要修正的紅色毛毛蟲上時,點選 Quick Fix 就會有建議的修正方法,當然有的時候建議的方法可能不是很恰當,所以還是要自己注意一下喔!
Quick Fix


上一篇
[ Day 27 | JS ] 用 mousemove 來做個小遊戲
下一篇
[ Day 29 | Essay ] 作夢也會夢到內心最深刻的恐懼
系列文
大器可以晚成—— 30歲才開始的轉職工程師之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言